<template>
<div>
{{msg}}
</div>
</template>

<script>
import { useRoute } from 'vue-router'
import { onMounted, ref } from 'vue'

export default {

  setup () {
    const router = useRoute()
    console.log('router = ', router)
    const msg = ref('Hello')

    onMounted(() => {
      console.log('onMounted')
      console.log('msg', msg.value)
    })

    return {
      msg
    }
  },

  methods: {
    logConsole () {
      console.log('test')
    }
  },

  created () {
    console.log('created')
    console.log('this.msg = ', this.msg)
  }

}
</script>

<style>

</style>
